<%--
  Created by IntelliJ IDEA.
  User: 86178
  Date: 2023/7/5
  Time: 10:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="CSS/common.css">
    <link rel="stylesheet" href="CSS/menu.css">
    <link rel="stylesheet" href="CSS/bookstyle.css">
    <script src="JS/bookOperate.js"></script>
</head>

<body id="body-pd">
    <div class="left-navbar" id="navbar">
        <nav class="nav">
            <div>
                <div class="nav_brand">
                    <ion-icon name="menu-outline" class="nav_toggle" id="nav-toggle"></ion-icon>
                    <a href="#" class="nav_logo">书籍管理系统</a>
                </div>
                <div class="nav_list">
                    <a href="library.jsp" class="nav_link ">
                        <ion-icon name="home-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">首页</span>
                    </a>

                    <div class="nav_link active collapse">
                        <ion-icon name="book-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">书籍管理</span>
                        <ion-icon name="chevron-down-outline" class="collapse__link"></ion-icon>
                        <ul class="collapse_menu">
                            <a href="book.jsp" class="collapse__sublink">书籍查询</a>
                            <a href="#" class="collapse__sublink">书籍添加</a>
                        </ul>
                    </div>
                    <div class="nav_link collapse">
                        <ion-icon name="people-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name"> 用户</span>
                        <ion-icon name="chevron-down-outline" class="collapse__link"></ion-icon>
                        <ul class="collapse_menu">
                            <a href="usercontrol.jsp" class="collapse__sublink">个人主页</a>
                            <a href="#" class="collapse__sublink">用户管理</a>
                        </ul>
                    </div>

                    <a href="#" class="nav_link">
                        <ion-icon name="settings-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name"> 设置</span>
                    </a>
                </div>
            </div>
            <a href="#" class="nav_link">
                <ion-icon name="log-out-outline" class="nav_icon"></ion-icon>
                <span class="nav_name">退出登录</span>
            </a>
        </nav>
    </div>
    <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
    <script src="JS/main.js"></script>
</body>
</html>
